<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
  
    <link rel="stylesheet" href="../common/css/time-line.css" />
</head>


<body style="background-color: white;">
   
   	
   		<div id="header" style="background-color: #F5F5F5;"></div>
   	
		<div class="logo-c-box">
			<div>
				<a href="../index.html">		
					<img src="../common/imgs/logo.png" alt="" />
				</a>
			</div>
		</div>
	   
	   <div style="height:130px; background-color: white;padding-top:45px">
	   		 <div class="m-timeline">
                    <div class="line">
                        <div class="dot active" style="margin-left:-6px"></div>
                        <div class="dot" style="left:33.33%;"></div>
                        <div class="dot" style="left:66.66%;"></div>
                   
                        
                        <div class="dot" style="left:96%"></div>

                        <span>填写账号</span>
                        <span style="left:33.33%;">完善资料</span>
                        <span style="left:66.66%;">上传证件</span>
                        <span style="right:-20px">注册成功</span>
                   
                    </div>
                </div>
	   </div>
	   
	   	<div style="background-color:white;">
    		
    		<div style="width:402px;margin:0 auto;border:1px solid #E7E7E7;border-radius: 3px;">
			     <div class="x-navbar ">
			     	注册
    			 </div>
			    
		    
	    
			    <form id = 'formSignIn' class='form-horizontal' role='form' style="width: 400px;margin:0 auto;padding-top:30px;">
			    	
			    	<div class="form-group" style="word-spacing:-6px;">
	
			    		<label for="account" class="col-xs-3 control-label col-label2 col-label2">公司用户名:</label>
			    		<div class="col-xs-8">
			    			<input id="username" type="text" class="form-control col-input" placeholder="请输入邮箱账号"/>
			    		</div>
			    		
			    	</div>
			    	
			    	<div class="form-group">
			    		
			    		<label for="account" class=" col-xs-3 control-label col-label2 col-label2">设置密码:</label>
			    		
			    		<div class="col-xs-8">
			    			<input type="password" class="form-control col-input" placeholder="请输入密码"/>
			    		</div>
			    		
			    	</div>
			    	
			    	
			    	<div class="form-group">
			    		
			    		<label for="account" class=" col-xs-3 control-label col-label2">确认密码:</label>
			    		
			    		<div class="col-xs-8">
			    			<input type="password" class="form-control col-input" placeholder="请再输入一次"/>
			    		</div>
			    		
			    	</div>
			    	
			    	
			    		<div class="form-group">
			    		
			    		<label for="account" class=" col-xs-3 control-label col-label2">公司名称:</label>
			    		
			    		<div class="col-xs-8">
			    			<input type="password" class="form-control col-input" placeholder="请输入公司名称"/>
			    		</div>
			    		
			    	</div>
			
			
				<div class="form-group m-b-sm">
			    		
			    		<label for="account" class=" col-xs-3 control-label col-label2">验证码:</label>
			    		
			    		<div class="col-xs-8 form-inline">
			    			<input type="text" class="form-control col-input" placeholder="请输入验证码" style="width:200px;"/>
			    			<div style="position:absolute; right:-30px;top:0;width:60px;height:34px;background-color: #E7E7E7;border-radius:3px;"><img src="" alt="" /></div>
			    		</div>
			    		
			   </div>
			    	
			
				<div class="form-group">
					
					<label for="account" class=" col-xs-3 control-label col-label2"></label>
			    		
					
					<div class=" col-sm-9" style="padding:0">
						<div class="checkbox">
							<label class="m-input" style="padding-left:15px">
							         <i class="iconfont icon-duoxuan m-r-sm"></i><input type="checkbox" name="options" class="active3">同意<a href="javascript:;"
							         	 class="x-color-tip">3号仓用户注册协议</a>和 <a href="javascript:;" class="x-color-tip">保护政策</a>
							 </label>
						</div>
					</div>
				</div>
							    	
						    	
			    	
		    	<div class="form-group">
		    	 	<label for="account" class="col-xs-3 control-label col-label2 col-label2 col-label2"></label> 
		    	 	<div class="col-xs-8" style='padding-left:15px'>
		    	 		<a href="./注册-邮箱认证.html" class="btn x-logo-btn x-logo-btn-default">立即注册</a>
		    	 	</div>
				    
	  			</div>
	  			
				 <div class="form-group">
		    	 	<label for="account" class="col-xs-3 control-label col-label2"></label>
				    <div class="col-xs-8 text-right" style="padding-right:0;width:295px;">
				    	<a href="./登录.html" class="x-color-tip">已有账号?请登录</a>
				    </div>
	  			</div>
	    	
			  </form>
	    
	   	</div>
	 </div>
    
    	
  </body></html>

<script type="text/javascript" src="../common/js/jquery-1.9.1.js" ></script>

<script type="text/javascript">
	$.get('../common/html/head.html',function(data){
		$('title').after(data);
	})
	
	
	$.get('../common/html/authheader.html',function(data){
			
			$('#header').html(data);
	})
	
	
	$('#username').on('change',function(){
	
		var regUser = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/ ;
		
		if(regUser.test($('#username')[0].value)){
			console.log('验证通过');
		}else{
			console.log('没有验证通过');
		}
			
	})
	
	
	$('.m-input').on('click',function(e){
		
	
		var $checkbox = $('input[type=checkbox]');	
       
       var checkFlag = $checkbox.prop('checked');
        
	
	  var inputState =  $(this).find('input[type=checkbox]').prop('checked');
		if(inputState){
				$(this).find('i').addClass('icon-duoxuanhuise').removeClass('icon-duoxuan');
				
				
			
		}else{		
			$(this).find('i').addClass('icon-duoxuan').removeClass('icon-duoxuanhuise');
		
			
		}
		
			
	})

	
	
	
</script>